/**
 * $Id: ap-istalker-group.css 20 2009-01-02 03:08:06Z chaoskaizer $
 * @package Animepaper
 * @subpackage ap-istalker-group
 *
 * Stylesheet for Animepaper "Discussion Group"
 * @author Avice D <ck+filter@animepaper.net>
 * @license http://www.opensource.org/licenses/mit-license.php MIT license
 * @license http://creativecommons.org/licenses/by-sa/3.0/ Creative Commons 3.0 BY-SA (for images used in this projects)
 * @link http://istalker.googlecode.com istalker 
 */
 
 /* start: 
    admin only, safe to removed */
.dn,.approve,#serverstats,
/* the following features are available for this release */
#quickinfo, .userstatus
/* fix some visual */,
.footer p.title,
.menu
{display:none !important}    

 /* end 
    admin only, safe to removed */

/* reset */ 
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0} 
    
 /* typography */
body{font:13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif}
a:focus{outline:1px dotted invert}
hr{border-color:#ccc;border-style:solid;border-width:1px 0 0;clear:both;height:0}
h1{font-size:25px}
h2{font-size:23px}
h3,.topicrow a.title,.posth2{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:square}
li{margin-left:30px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,.topicrow a.title{margin-bottom:20px}

/* partial grid */
#container,.container_16,#container{margin-left:4%;margin-right:4%;width:92%;margin-top:4%}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,
#side,#main,.imagevert,.groups_member li,.sticky,.announcement,.topic{display:inline;float:left;margin-left:1%;margin-right:1%}
#container .grid_3,.groups_member li,.sticky,.announcement,.topic{width:23%}
#container .grid_6,.container_16 .grid_8{width:48%}
#container .grid_9{width:73%}
#container .grid_12,.container_16 .grid_16{width:98%}
.alpha{margin-left:0}
.omega{margin-right:0}
#container .grid_1{width:6.333%}
#container .grid_2{width:14.666%}
#container .grid_4,#side{width:31.333%}
#container .grid_5,.groupwallpapers .imagevert{width:39.666%}
#container .grid_7{width:56.333%}
#container .grid_8,#main{width:64.666%}
#container .grid_10{width:81.333%}
#container .grid_11{width:89.666%}
#container .prefix_3,.container_16 .prefix_4{padding-left:25%}
#container .prefix_6,.container_16 .prefix_8{padding-left:50%}
#container .prefix_9,.container_16 .prefix_12{padding-left:75%}
#container .prefix_1{padding-left:8.333%}
#container .prefix_2{padding-left:16.666%}
#container .prefix_4{padding-left:33.333%}
#container .prefix_5{padding-left:41.666%}
#container .prefix_7{padding-left:58.333%}
#container .prefix_8{padding-left:66.666%}
#container .prefix_10{padding-left:83.333%}
#container .prefix_11{padding-left:91.666%}
#container .suffix_3,.container_16 .suffix_4{padding-right:25%}
#container .suffix_6,.container_16 .suffix_8{padding-right:50%}
#container .suffix_9,.container_16 .suffix_12{padding-right:75%}
#container .suffix_1{padding-right:8.333%}
#container .suffix_2{padding-right:16.666%}
#container .suffix_4{padding-right:33.333%}
#container .suffix_5{padding-right:41.666%}
#container .suffix_7{padding-right:58.333%}
#container .suffix_8{padding-right:66.666%}
#container .suffix_10{padding-right:83.333%}
#container .suffix_11{padding-right:91.666%}
html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;height:0;list-style:none;margin:0;overflow:hidden;padding:0;visibility:hidden;width:0}
.clearfix:after,div.content:after,.groups_member:after,#row .groupwallpapers #onecolumn:after{clear:both;content:'.';display:block;height:0;visibility:hidden}
.clearfix,div.content,.groups_member,#row .groupwallpapers #onecolumn{display:block}
* html .clearfix{height:1%}


/* layout */
body{background:#464646;border-top:5px solid #000;color:#333;font-size:11px;padding:0 0 40px}
a{color:#000;font-weight:700;text-decoration:none}
a:hover{color:#333}
h1,h2,h3,h4,h5,h6,.topicrow a.title{line-height:1.2em;margin-bottom:.3em}
h2{margin-top:1em}
h5{font-size:1.2em}
h6{font-size:1em;text-transform:uppercase}
h1 a{font-weight:400}
h1#branding{background:#aaa;font-size:3em;font-weight:400;margin-bottom:0;padding:.7em 1em;text-align:left}
h2#page-heading{border-bottom:1px solid #ccc;font-weight:400;margin:0 0 10px;padding:.5em}
.box,
/* group heading title */
div.itemnh,
/* sidebar items  */
#side .notices, #side .shoutbox, #side .highlighted,
/* administration panel */
#row.lowlight,
/* join group notice */
#row.member_options,
/* about group and members list */
#row #twocolumn, #row #onecolumn,
.sticky,.announcement,.topic
{background:#ececec;margin-bottom:20px;padding:10px 10px 1px}
.box h2,,.shoutbox h2,#row.lowlight h2,#twocolumn h3{background:#333;color:#fff;font-size:1em;font-weight:400;margin:-10px -10px 0;padding:6px 12px;text-transform:uppercase}
.box h2 a,.box h2 a.visible,,.shoutbox h2 a,#row.lowlight h1 a{background:#333 none 97% 50% no-repeat;border:none;color:#fff;display:block;margin:-6px -12px;padding:6px 12px}
.grid_4 .box h2 a{background-position:97% 50%}
.grid_5 .box h2 a{background-position:98% 50%}
.grid_12 .box h2 a{background-position:99% 50%}
.box h2 a.hidden,.box h2 a.hidden:hover{background-image:url("../img/switch_plus.gif")}
.box h2 a:hover{background-color:#111}
.block{padding-bottom:1px;padding-top:10px}
p{margin-bottom:1em}
blockquote{border-left:4px solid #ccc;font-family:Georgia, 'Times New Roman', serif;font-size:1.2em;padding-left:1em}
blockquote cite{font-size:.9em}
ul.menu{border-top:1px solid #bbb;list-style:none}
ul.menu li a{border-bottom:1px solid #ccc;display:block;padding:4px 10px}
ul.menu li a:hover{background:#eee}
ul.menu ul{list-style:none;margin:0}
ul.menu ul li a{padding-left:30px}
ul.section{border-top:0;margin-bottom:0}
ul.section li a{background:#bbb}
ul.section li a:hover{background:#aaa}
ul.section li li a{background:#ddd;border-bottom:1px solid #eee}
ul.section li li a:active{background:#fff;color:#000}
ul.section ul li{text-transform:none}
ul.section ul.current li a{background:#eee;border-bottom:1px solid #fff}
ul.section ul.current li a:hover{background:#ddd}
ul.section li a.current:hover{background:#555}
ul.section li a.current:active{background:#444}
ul.section li a.active{background:#fff;cursor:default}
ul.section li.current > a.active,ul.section li.current > a.active:hover{background:#666;color:#fff;cursor:default}
table{border:1px solid #bbb;margin-bottom:10px;width:100%}
col.colC{width:8em}
th,td{padding:.2em 1em;text-align:left}
thead th{background:#bbb;border-bottom:2px solid #888;padding:.4em 1em .2em}
thead th.table-head{background:#555;border:1px solid #555;color:#fff;font-size:1em;font-weight:400;text-transform:uppercase}
tbody th,tbody td{background:#eee;border-bottom:1px solid #bbb;border-top:1px solid #bbb}
tfoot th,tfoot td{background:#eee;border-top:2px solid #666}
tfoot tr.total th,tfoot tr.total td{border-top:6px double #666}
th.currency,td.currency{text-align:right}
form{overflow:hidden}
fieldset{background:#e9e9e9;border:1px solid #bbb;margin-bottom:10px;padding:10px;position:relative}
legend{background:#fff;border:1px solid #bbb;font-size:1.1em;padding:.4em .8em}
fieldset.login p{margin-bottom:1em;margin-top:0}
fieldset p select{width:99%}
fieldset.login p label{float:left;line-height:2em;margin-right:3%;text-align:right;width:32%}
fieldset.login p input{width:60%}
fieldset.login input.button{margin-left:35%}
form p.notice{font-weight:700}
input.search.text{width:66%}
input.search.button{margin-left:2%;width:28%}
.article{border-top:1px solid #666;padding-top:.5em}
.box .article{border-top:3px solid #fff;padding:13px 10px 0}
.article h2{background:transparent;border:none;color:#333;font-size:2em;font-weight:400;margin:0;padding:0;text-transform:none}
.article h3{font-size:1.6em;margin-bottom:.2em}
.box .first{border-top:none}
.article h4{font-size:1.2em;margin-bottom:.5em;text-transform:uppercase}
.article a.image{background:#fff;border:1px solid #bbb;float:left;margin:3px 10px 3px 0;padding:4px}
.article a.image:hover{border:1px solid #666}
.article a.image img{float:left}
.article p.meta{border-bottom:1px dotted #999;border-top:1px dotted #999;color:#666;margin-bottom:.8em;padding:.3em 0}
#site_info .box{background:#666;color:#fff;margin-bottom:10px}
#loading{float:right;margin-right:14px;margin-top:-2px}
.toggler{background:#eee;border-bottom:1px solid #ddd;border-left:1px solid #f5f5f5;border-right:1px solid #ddd;border-top:1px solid #f5f5f5;color:#222;font-size:1.1em;font-weight:400;margin:0;padding:2px 5px}
.element h4{line-height:1.2em;margin:0;padding:4px}
.element p{margin:0;padding:4px}
.float-right{float:right;padding:10px 20px}
#accordian-block{padding-bottom:10px}
#kwick-box{overflow:hidden;padding:0}
#kwick{position:relative}
#kwick .kwicks{background:#999;display:block;height:120px;list-style:none;margin:0;overflow:hidden}
#kwick li{float:left;margin:0;padding:0}
#kwick .kwick{background:#fff;cursor:pointer;display:block;height:100px;overflow:hidden;padding:10px;width:215px}
#kwick .kwick span{color:#fff}
#kwick .one{background:#666}
#kwick .two{background:#777}
#kwick .three{background:#888}
#kwick .four{background:#999}
#container,.container_16,ul.section ul.current li a:active,tbody tr.odd th,tbody tr.odd td{background:#fff}
div.menu,.articles{padding:0}
div.menu h2,ul.menu li,.articles h2,#kwick-box h2{margin:0}
div.menu .block,ul,ol,#articles{padding-top:0}
ul.menu li a:active,ul.section li li a:hover{background:#ccc}
ul.section li,tfoot tr.total th{text-transform:uppercase}
ul.section li a:active,ul.section li a.current{background:#666;color:#fff}
fieldset p label,fieldset p input{width:98%}


/* nav */
ul#nav,ul#nav *{margin:0;padding:0}
ul#nav{background:#666;height:2.5em;max-width:100%;position:relative}
ul#nav li{cursor:pointer;float:left;font-weight:400;list-style-type:none;text-align:center}
ul#nav li ul{background-position:0 0 !important;cursor:default;height:auto;left:-9000px;max-width:100%;position:absolute;top:2.5em;width:100%}
ul#nav li ul li{border:none;max-width:none;padding:0;width:auto}
ul#nav li a{background:#666;color:#fff;display:block;float:left;font-weight:700;height:2.4em;line-height:2.5em;padding:0 1em;text-decoration:none}
ul#nav li ul li a{background-position:0 50% !important;color:#666;cursor:pointer !important;font-weight:400;height:2em;line-height:2em;position:relative !important;white-space:nowrap}
ul#nav li:hover a,ul#nav li a:hover,ul#nav li a:focus{background:#ccc;color:#000}
ul#nav li:hover ul{left:0;z-index:10}
ul#nav li:hover ul li a{color:#444}
ul#nav li.current a{background:#fff;color:#666;cursor:default;font-weight:700}
ul#nav li.current ul{left:0;z-index:5}
ul#nav li.current ul li a{background:#ccc;color:#444;font-weight:400}
ul#nav li{left:0;position:relative;top:0}
ul#nav li ul{border-top:0}
ul#nav li ul li{float:left}
ul#nav li a{background:#666;border:0;color:#fff;height:2.5em;line-height:2.5em}
ul#nav li ul li a{background:#444;border-top:1px solid #444;color:#fff;height:2em;line-height:2em;text-align:left;width:12em}
ul#nav li:hover ul li a{color:#fff}
ul#nav li:hover ul li a:hover{background:#444;color:#fff}
ul#nav li:hover ul li a:active{background:#222;color:#fff}
ul#nav li.child-nav{background:transparent !important;color:#cde;float:right}
ul#nav li.child-nav span.status{float:left;font-size:0.9em;height:2.77em;line-height:2.77em;padding:0 1em}
ul#nav li.child-nav span.status a{background:transparent;color:#cde;display:inline;float:none;height:auto;line-height:auto;padding:0}
ul#nav li.child-nav span.status a:hover{background:transparent;color:#fff}
ul#nav li.child-nav span.status span{text-transform:capitalize}
ul#nav li.child-nav:hover a:hover{background:#555}
ul#nav li a:active,ul#nav li:hover ul li a:active,ul#nav li ul li.current a,ul#nav li ul li.current a:hover,ul#nav li.current:hover ul li a:active{background:#fff;color:#666}
ul#nav li ul,ul#nav li,ul#nav li.current ul,ul#nav li.current{background:#ccc !important}
ul#nav li:hover ul li a:hover,ul#nav li.current ul li a:hover{background:#fff;color:#000}
ul#nav li a:focus,ul#nav li.child-nav:hover a{background:#666;color:#fff}
ul#nav li ul li a:hover,ul#nav li:hover a{background:#555;color:#fff}
ul#nav li:hover a:active,ul#nav li.child-nav:hover a:active{background:#444}


/* actual styles */
div.content{margin-bottom: -16px}
#main,#side{padding-top:18px}
#side{float:right}
.footer{
	background-color:#dcdcdc;
	clear:both;
	padding:9px 10px
} 
.groupwallpapers #onecolumn,#main #row{clear:left}

#main h2{
	background:transparent url(http://static2.animepaper.net/images/v5/h2.png) no-repeat scroll 560% 50%;
	font-size:1.4em;
	margin-left:-0.7em;
	margin-top:20px;
	padding:10px 0 10px 14px;
}

#main #editabout h2{background-position: 380% 50%}

/**
 * pathway
 */
.breadcrumb {border-bottom:1px solid #ccc;background-color:#E4F2FD;background-position: 0% 100%;padding: 9px 10px} 

/* group title (top box after breadcrumb)*/
#row .itemnh.center{ /* banner */
		display:block;
		border:1px solid #888;
		background:#F2F2F2 url(http://static.animepaper.net/upload/rotate.jpg) no-repeat 50% 20%;
		height:100px
}

#row .itemnh{background-color:#fff}

/* admin panel */
#row.lowlight{background-color:#f2f2f2}

/* join group notices */
#row.member_options{background-color:#F6FDE4} 

/**
 * group wallpapers
 */
#row .groupwallpapers #onecolumn{height:200px} 
.groupwallpapers .imagevert span em,#side .highlighted .imagevert span em{display:block} 
.groupwallpapers .out img{padding:5px;background-color:#eee;border:1px solid #bbb}
.groupwallpapers .out a:hover img{background-color:#fff}

/**
 * group discussion (forum)
 */
.topicrow{min-height:220px} 
.topicrow a.title{display:block;font-size:1.5em} 
.topicrow strong.title{display:block}
.sticky,.announcement,.topic{background-color:#ECF1F5;clear:none !important}
.sticky{background-color:#EEF6E8}
.announcement{background-color:#FDEBE4}
.posts{width:30px;float:right;padding-left:10px}

/* about group */
#row #twocolumn{	
	background: transparent url(http://static2.animepaper.net/images/v5/coltop.gif) no-repeat scroll 0 0	
}

#twocolumn #editabout{
	background:#fff url(http://static1.animepaper.net/images/v5/grad-white.png) repeat-x scroll 0 0;
	padding: 10px;
}

#twocolumn h2.posth2{
	font-size: 1.2em !important;
	border-bottom-color:#eee
}

#twocolumn .posturl img.postimage{
	background-color:#eee;
	border: 1px solid #ccc;
	padding: 5px;
}

.groupwallpapers a, #twocolumn a.posturl,#shouts a{color:#369}
.groupwallpapers a:hover,#twocolumn a.posturl:hover,#shouts a:hover,.topicrow a.title:hover,.groups_member a:hover{color:#D54E21}


/* members list */
.groups_member{padding-top:18px;padding-bottom:18px;border-top: 1px solid #ccc}
.groups_member ul,.groups_administrator ul{list-style: hiragana none inside}
.groups_member li{
	color:#aaa;
	display:list-item;
	height:18px;
	overflow:hidden
}

.groups_member li span{color:#555}
.groups_member li:hover{list-style-type:decimal;color:#666}


/* sidebar */
#side .notices, #side .shoutbox,#side .highlighted{border:1px solid #ccc}

/* notices */
#side .notices img{
	background-color:#f9f9f9;
	border:1px solid #ddd;
	padding: 5px;
}

#side .notices a:hover img{background-color:#fff}
/* featured wallpapers */
#side .highlighted{background-color:#ddd}
#side .highlighted .imagevert{float:none}
#side .highlighted .tiny{
	height:auto !important;
	padding:10px;
	margin:auto
}
	
/* shoutbox*/
#side .shoutbox{background-color:#fff}
#shouts div.smaller{
	background-image:url(http://static3.animepaper.net/images/v5/bits/ap-slidebg-lightgray.png);
	border-color:#F2F2F2;
	border-style:solid;
	border-width:0pt 1px 1px 0pt;
	color:#888;
	height:auto;
	margin-bottom:0.1em;
	min-height:35px;
	overflow:hidden;
	padding:0.8em 0.3em 0.8em 0.6em;
	text-align:left;
}


.unbox,#row .groupwallpapers #onecolumn,#halfcolumn .itemnh{background:transparent;margin-bottom:0pt;padding:0pt}


 /* browser specific 
  */
 
 /* mozilla (gecko) */
 
 /* safari & chrome (webkit) */
 
 /* msie (trident) */
 
 /* opera */
 
#ifiblockthisthenicheatap{position:absolute;left:10%;opacity:0.8;top:150px;}